<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="../js/d3.v3.js"></script>
</head>
<body>
<script>
	var svg = d3.select("body")
			.append("svg")
			.attr("width", 500)
			.attr("height", 400)

	var dataset = [];
	for (var i = 0; i < 10; i++) {
		var xNumber = Math.random() * 200;
		var yNumber = Math.random() * 300;
		dataset.push({
			x: xNumber,
			y: yNumber
		});
	}

	var circles = svg.selectAll("circle")
			.data(dataset)
			.enter()
			.append("circle")

	circles
			.attr("cx", function (d, i) {
				return d.x;
			})
			.attr("cy", function(d, i){
				return d.y
			})
			.attr("r", 5)

	svg.selectAll("text")
			.data(dataset)
			.enter()
			.append("text")
			.attr("x", function(d){
				return d.x + 5
			})
			.attr("y", function(d){
				return d.y + 3
			})
			.text( function(d){
				return Math.floor(d.x)  + "," + Math.floor(d.y);
			})




</script>
</body>
</html>